<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* .wrap {
            background: url('/images/2.jpg')no-repeat;
            background-size: 100% 100%;
            height: 100vh;
            width:110vw;
            color:rgb(66, 154, 231);
            position:absolute;
            left:-10%;
        } */
    </style>
</head>

<body>
    <script>
        var strname="欢迎使用";
        var strlen=strname.length;
        var dstr="";
        var ssize=350;
        function fdiv(){
          for (i=0;i<strlen;++i){
            dstr=dstr+'<div id=aa'+i+' style="font-size:7rem; top:300px; left:'+ssize+'px; position:absolute; color:rgb(66, 154, 231);">'+strname.charAt(i)+'</div>';
            ssize=ssize+150;
          }
          document.write(dstr);
        }
        fdiv();
        var sumstr=new Array(-1,-6,-10,-15,-10,-6,-1);
        var sublen=sumstr.length;
        var i=1;
        function dmove(){
          var s="";
          if (i!=1){Parray(i);}
          Larray(i);
          ++i;
          if (i==strlen) i=0;
          setTimeout("dmove()",100);
        }
        function Parray(n){
          for (i1=1;i1<n;++i1){
            ob=document.all("aa"+(i1));
            ob.style.top=300+"px";
          }
        }
        function Larray(n){
          for (i2=0;i2<sublen;++i2){
            if ((n+i2)<strlen){
              ob=document.all("aa"+(n+i2));
              ob.style.top=((300+sumstr[i2])+"px");
            }
          }
        }
        dmove();
        </script>
</body>

</html>